<template>
  <div
    class="Line-view"
    :style="{backgroundColor:modelData.bgColor,paddingTop: modelData.padding*2+'rpx',paddingBottom: modelData.padding*2+'rpx'}"
  >
    <div
      class="line-in"
      :style="{borderTop:modelData.borderWidth*2+'rpx '+modelData.borderStyle+' '+modelData.borderColor}"
    ></div>
  </div>
</template>

<script>
  export default {
    name: 'LineF',
    props: {
      modelData: {
        type: Object,
        default: () => {
          return {}
        }
      }
    }
  }
</script>

<style scoped>

  .line-in{
   border-top:1px solid #000000;
  }
</style>
